
@function px2rem($px,$base:75){
  @return ($px/$base)+rem
}
@mixin font-dpr($font-size){
  font-size: $font-size;

  [data-dpr="2"] & {
    font-size: $font-size * 2;
  }

  [data-dpr="3"] & {
    font-size: $font-size * 3;
  }
}



.screen-expertise-wrap{
  padding: px2rem(30) px2rem(40);
  margin-bottom: px2rem(11);
  border:1px solid #e5e5e5;

  box-sizing: border-box;
  .screen-expertise{
    @include font-dpr(15px);
    -webkit-appearance: none;
     background: url("../img/xia.png")no-repeat right center;
     background-size: px2rem(15);
     width: 100%;
     border:0;
   }

}

.project-expertiseDeatil-wrap{
  margin-left:- px2rem(10);
  font-size: 0;
  .cover-expertiseDeatil{
    cursor: pointer;
    width: 50%;
    padding-left: px2rem(10);
    margin-bottom: px2rem(10);
    box-sizing: border-box;
    display: inline-block;
    .project-item-expertiseDeatil{
      position: relative;
      display: inline-block;
      width: 100%;
      height: 100%;
      font-size: 0;
      img {
        width: 100%;
      }
      .project-itemBg-expertiseDeatil{
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        color: white;
        background: -moz-linear-gradient(top, rgba(46,46,46,0) 0%, rgba(46,46,46,0) 67%, rgba(46,46,46,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(46,46,46,0) 0%,rgba(46,46,46,0) 67%,rgba(46,46,46,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(46,46,46,0) 0%,rgba(46,46,46,0) 67%,rgba(46,46,46,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e2e2e', endColorstr='#a62e2e2e',GradientType=0 ); /* IE6-9 */
        .project-itemBg-scenic-expertiseDeatil{
          position: absolute;
          bottom: 5%;
          @include font-dpr(12px);
          text-align: left;
          margin-left: px2rem(15);
          color: #fff;
        }
      }
    }
  }
}